/* jshint esversion: 6 */
import React from 'react';
import styles from './Block.less';

export const Block = props => {
    return (
        <div className={styles.demoBlock}>
            <div className={styles.title}>{props.title}</div>
            <div
                className={styles.content}
                style={{
                    padding: props.padding,
                    background: props.background,
                    border: props.border,
                }}
            >
                {props.children}
            </div>
        </div>
    )
}

Block.defaultProps = {
    padding: '12px 12px',
    background: '#ffffff',
}